import React from 'react';
import { Text, StyleSheet } from 'react-native';

interface TabIconProps {
  name: 'home' | 'todo' | 'news' | 'profile' | 'clock';
  size: number;
  color: string;
}

const TabIcon: React.FC<TabIconProps> = ({ name, size, color }) => {
  const getIcon = () => {
    switch (name) {
      case 'home':
        return '🏠';
      case 'todo':
        return '📝';
      case 'news':
        return '📰';
      case 'profile':
        return '👤';
      case 'clock':
        return '⏱️';
      default:
        return '●';
    }
  };

  return (
    <Text style={[styles.icon, { fontSize: size, color }]}>
      {getIcon()}
    </Text>
  );
};

const styles = StyleSheet.create({
  icon: {
    textAlign: 'center',
  },
});

export default TabIcon;